<template>
    <div class="manage-deploy">
        <el-table
                border
                highlight-current-row
                :data="properties"
                height="500"
                size="mini"
                style="width: 100%">
            <el-table-column
                    prop="name"
                    label="name"
                    width="230">
            </el-table-column>
            <el-table-column
                    prop="value"
                    label="value"
                    width="*">
            </el-table-column>
        </el-table>
    </div>
</template>

<script>
  import {deployInfo} from "../../../api/manage/deploy";

  export default {
    name: "Deploy",
    data () {
      return {
        properties: []
      }
    },
    methods: {
      deployInfo () {
        deployInfo().then(result => {
          this.properties = result.data.properties
        }).catch(error => {
          console.log(error)
        })
      }
    },
    created () {
      this.deployInfo()
    }
  }
</script>

<style scoped>
    .manage-deploy {
        width: 100%;
        height: 100%;
    }

    /* element ui样式重写 */
    .manage-deploy > .el-table {
        height: calc(100% - 35px) !important;
    }

    .manage-deploy > .el-table > .el-table__body-wrapper {
        height: calc(100% - 35px) !important;
    }
</style>